{extends file="layout.tpl"}
{block name="content"}
<link type="text/css" media="all" rel="stylesheet" href="{url path="templates/frontend/css/jquery.bxslider.css"}" />
<script src="{url path='js/jquery.bxslider.min.js'}" type="text/javascript"></script>

<!--START CONTENT-->
<div class="rows">
	<div class="reviews-right-box">
		<ul class="bxslider">
			<li><img src="{$data.image2}" /></li>
			<li><img src="{$data.image3}" /></li>
			<li><img src="{$data.image4}" /></li>
			<li><img src="{$data.image5}" /></li>
		</ul>
		<style type="text/css">
			.bxslider img {
				width: 100%;
				height: 400px;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
			  $('.bxslider').bxSlider({
					auto: true,
					autoControls: false,
					mode: 'fade',
					pager : false
				});
			});
		</script>
	</div>
</div>

<div class="rows">
	<div class="reviews-right-box">
		<div class="top-reviews-header">
			<h2>{$data.name}</h2>
			<div class="clear">
			</div>
		</div>
		<div class="info_restaurant">
			<div class="srvc_detail_prof_L">
				<table class="service_list">
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Địa chỉ
						</th>
						<td class="srvc_prof_L">
							{$data.address}
						</td>
						<td rowspan="7" class="srvc_prof_L_map">
							<iframe width="400" scrolling="no" height="300" frameborder="0" src="http://maps.google.co.jp/maps?f=q&amp;hl=ja&amp;markers=size:mid|color:green&amp;q=41.8120211,140.7769862&amp;t=m&amp;om=0&amp;ie=UTF8&amp;oe=UTF8&amp;ll=41.8120211,140.7769862&amp;z=17&amp;output=embed&amp;iwloc=B">
							</iframe>
							<p style="text-align:right;">
								<a href="#">Xem bản đồ lớn</a>
							</p>
						</td>
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Giờ bán
						</th>
						<td class="srvc_prof_L">
							{$data.opening}
						</td>
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Điện thoại
						</th>
						<td class="srvc_prof_L tx-red">
							{$data.tel}
						</td>
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Website
						</th>
						<td class="srvc_prof_L">
							<a href="{$data.url}" target="_blank">{$data.url}</a>
						</td>
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Phân loại
						</th>
						<td class="srvc_prof_L">
							Quán ăn vặt bình dân
						</td>
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Phong cách ẩm thực
						</th>
						<td class="srvc_prof_L">
							Việt nam, châu Âu
					</tr>
					<tr>
						<th class="srvc_prof_L_label" scope="row">
							Giới thiệu sơ lược
						</th>
						<td class="srvc_prof_L">
							{$data.introtext}
						</td>
					</tr>
				</table>
				<!-- /srvc_detail_prof_L -->
			</div>
		</div>
	</div>
</div>

<div class="left">
	<div class="home-box-new">
		<div class="home-box-heading-new">
			<h4>Bài viết chi tiết</h4>
			<div class="clear">
			</div>
		</div>
		<div class="clear"></div>
		<blockquote class="topic_detail">
			{$data.fulltext}
		</blockquote>
	</div>
</div>

<div class="right">
	<div class="home-box-right-new">
		<div class="home-box-heading-right-new">
			Sự kiện miễn phí
		</div>
		<div style="text-align: left;">
			{restaurant_column_1 limit=3}
		</div>
		<div class="viewmore">
			<a style="border-top:#eee 1px solid" href="/ho-chi-minh/su-kien">xem thêm »</a>
		</div>
	</div>
	<div class="home-box-right-new">
		<div class="home-box-heading-right-new">
			Tags
		</div>
		<div class="home-box-newtags">
			<a href="http://www.foody.vn/ho-chi-minh/gloria-jean-s-coffee-ho-con-rua" title="gloria jean's">gloria jean's</a>
			<a href="http://www.foody.vn/thuong-hieu/mof-japanese-sweets-coffee" title="mof">mof</a>
			<a href="http://www.foody.vn/ho-chi-minh/sumo-bbq-vincom" title="sumo bbq">sumo bbq</a>
		</div>
	</div>
</div>
<!--END CONTENT-->
{/block}